<template>
  <div class="search-bar">
    <el-input v-model="bookName" class="w-50 m-2" placeholder="请入输入您想要搜索的书籍名称">
    </el-input>
    <el-button :icon="Search" color="orange">搜索</el-button>
  </div>
</template>

<script setup lang="ts">
import { Search } from '@element-plus/icons-vue'
const bookName = ref("");
</script>
<style scoped>
.search-bar {
  margin: 5px 0;
}
.el-input{
  width : 1100px;
  height: 45px;
}
.el-button{
  margin: 0;
  height: 45px;
  width: 100px;
  color:white;
}
</style>